import { createRouter, createWebHistory } from 'vue-router'
import { useUserStore } from '@/stores/user'
import { usePermissionStore } from '@/stores/permission'
import { ElMessage } from 'element-plus'
import NProgress from 'nprogress'

// 导入路由模块
import { constantRoutes } from './routes/constant'
import { asyncRoutes } from './routes/async'

// 创建路由实例
const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: constantRoutes,
  scrollBehavior(to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition
    } else {
      return { top: 0 }
    }
  }
})

// 白名单路由（不需要登录）
const whiteList = ['/login', '/404', '/401']

// 路由前置守卫
router.beforeEach(async (to, from, next) => {
  // 开始进度条
  NProgress.start()
  
  // 设置页面标题
  document.title = to.meta.title ? `${to.meta.title} - 酒店管理系统` : '酒店管理系统'
  
  const userStore = useUserStore()
  const permissionStore = usePermissionStore()
  
  // 获取token
  const hasToken = userStore.token
  
  if (hasToken) {
    if (to.path === '/login') {
      // 已登录且要跳转的页面是登录页
      next({ path: '/' })
      NProgress.done()
    } else {
      // 判断当前用户是否已拉取完user_info信息
      const hasGetUserInfo = userStore.name
      if (hasGetUserInfo) {
        next()
      } else {
        try {
          // 获取用户信息
          await userStore.getInfo()
          
          // 根据角色生成可访问的路由映射表
          const accessRoutes = await permissionStore.generateRoutes(userStore.roles)
          
          // 动态添加可访问路由
          accessRoutes.forEach(route => {
            router.addRoute(route)
          })
          
          // hack方法 确保addRoutes已完成
          next({ ...to, replace: true })
        } catch (error) {
          // 移除token并跳转登录页
          await userStore.resetToken()
          ElMessage.error(error.message || '验证失败，请重新登录')
          next(`/login?redirect=${to.path}`)
          NProgress.done()
        }
      }
    }
  } else {
    // 没有token
    if (whiteList.indexOf(to.path) !== -1) {
      // 在免登录白名单，直接进入
      next()
    } else {
      // 其他没有访问权限的页面将被重定向到登录页面
      next(`/login?redirect=${to.path}`)
      NProgress.done()
    }
  }
})

// 路由后置守卫
router.afterEach((to, from) => {
  // 结束进度条
  NProgress.done()
  
  // 路由发生变化修改页面title
  if (to.meta.title) {
    document.title = `${to.meta.title} - 酒店管理系统`
  }
})

// 路由错误处理
router.onError((error) => {
  console.error('路由错误:', error)
  NProgress.done()
})

export default router

// 重置路由
export function resetRouter() {
  const newRouter = createRouter({
    history: createWebHistory(import.meta.env.BASE_URL),
    routes: constantRoutes
  })
  router.matcher = newRouter.matcher
}

// 动态添加路由
export function addRoutes(routes) {
  routes.forEach(route => {
    router.addRoute(route)
  })
}

// 获取所有路由
export function getRoutes() {
  return router.getRoutes()
}

// 路由跳转方法
export function navigateTo(path, query = {}) {
  return router.push({ path, query })
}

// 路由替换方法
export function replaceTo(path, query = {}) {
  return router.replace({ path, query })
}

// 路由回退方法
export function goBack() {
  return router.go(-1)
}